$(function () {
    $(".list-mycomment").click(function () {
        $('.mycomment').show();
        $('.list-me-mymessage, .myhaven, .myorder,.mymessage,.mysafe, .time').hide();
        $.ajax({
            url: "http://localhost:8080/user/getUserAssessByUserId",
            type: "get",
            headers: {
                'token': sessionStorage.getItem('token')
            },
            dataType: "json",
            success: function (rs) {
                if (rs.code === 2001) {
                    commetList = rs.t; // 确保返回的数据结构是正确的
                    console.log(commetList);
                    $('.comment ul').empty();
                    if (commetList.length > 0) {
                        commetList.forEach(function (comment) {
                            creatComment(comment);
                        });
                    } else {
                        creatNoOrder();
                    }
                } else {
                    alert(rs.message);
                }
            },
            error: function (xhr, status, error) {
                // 请求失败时的处理
                alert("error!", status, error);
            }
        });
        // 创建评价单函数
        function creatComment(data) {
            // 创建第一个列表项
            var li_tag = $('<li>');
            // 照片列
            var photoRow = $('<div>').addClass('row');
            var photoCol = $('<div>').addClass('col-lg-1 order-photo');
            var photoImg = $('<img>').attr('src', './static/image/me/lvyou.jpg').attr('alt', '...');
            photoCol.append(photoImg);
            photoRow.append(photoCol);

            // 消息
            var messageCol = $('<div>').addClass('col-lg-8 order-message');

            // 商品类型行
            var goodsTypeRow = $('<div>').addClass('row goods-type');
            var goodsTypeCol = $('<div>').addClass('col-lg-12');
            var goodsTypeSpan = $('<span>').html(data.accessInfo);
            goodsTypeCol.append(goodsTypeSpan);
            goodsTypeRow.append(goodsTypeCol);

            // 商品描述行
            var goodsDescRow = $('<div>').addClass('row goods-desc');
            var goodsDescCol = $('<div>').addClass('col-lg-12');
            var goodsDescSpan = $('<span>').html(data.hotel_desc);
            goodsDescCol.append(goodsDescSpan);
            goodsDescRow.append(goodsDescCol);

            // 订单时间行
            var orderTimeRow = $('<div>').addClass('row order-time');
            var orderTimeCol = $('<div>').addClass('col-lg-12');
            var orderTimeSpan1 = $('<span>').html('出行时间：');
            var orderTimeSpan2 = $('<span>').html(data.assess_date);
            orderTimeCol.append(orderTimeSpan1, orderTimeSpan2);
            orderTimeRow.append(orderTimeCol);

            // 将所有内容添加到消息列
            messageCol.append(goodsTypeRow, goodsDescRow, orderTimeRow);

            // 将照片列和消息列添加到行中
            li_tag.append(photoRow, messageCol);

            // 评论内容行
            var commentContentRow = $('<div>').addClass('row');
            var commentContentCol = $('<div>').addClass('col-xs-12 col-lg-6 col-lg-12 comment-content');
            var commentContentP = $('<p>').addClass('navbar-html').html(data.assessInfo);
            commentContentCol.append(commentContentP);
            commentContentRow.append(commentContentCol);

            // 将所有内容添加到列表项中
            li_tag.append(commentContentRow);
            $('.comment ul').append(li_tag);
        }
        //生成无订单页面
        function creatNoOrder() {
            // 创建最外层的row
            var maxRow = $('<div></div>').addClass('row noorder justify-content-center align-items-center');
            var maxDiv = $('<div></div>').addClass('col-lg-6')

            // 创建第一个row
            var firstRow = $('<div></div>').addClass('row justify-content-center align-items-center');
            var firstCol = $('<div></div>').addClass('col-lg-2');
            var img = $('<img>').attr({
                src: './static/image/me/nodingdan.png',
                alt: '...'
            });
            firstCol.append(img);
            firstRow.append(firstCol);

            // 创建第二个row
            var secondRow = $('<div></div>').addClass('row justify-content-center align-items-center');
            var secondCol = $('<div></div>').addClass('col-lg-8');
            var span = $('<span></span>').text('您的订单空空如也，快');
            var link = $('<a></a>').attr('href', '#').text('去看看');
            var textAfterLink = $('<span></span>').text('想去哪里玩吧');
            secondCol.append(span).append(' ').append(link).append(' ').append(textAfterLink);
            secondRow.append(secondCol);

            maxDiv.append(firstRow).append(secondRow);
            maxRow.append(maxDiv);
            $(".myorder").append(maxRow);
        }
    })
})